<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <style>
        body {
            height: 100%;
            width: 100%;
            background-color: #4d5e72;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .title1 {
            font-size: 36px;
            font-weight: bolder;
            color: #939d9e;
            border-bottom: 2px double #a8a7a2;
            margin: 25px;
            border-bottom-width: 10px;
            font-family: alike-angular;
        }

        .text1 {
            background-color: #a8a7a2;
            color: #3a4849;
            font-size: 16px;
            margin: 25px;
        }

        .text {
            background-color: #a8a7a2;
            color: #3a4849;
            font-size: 14px;
            margin-left: 50px;
            margin-right: 25px;
        }

        .image1 {
            /*border-color: #366064;
            border-width: 3px;
            border-style: dashed;*/
            margin-left: 40px;
            margin-right: 40px;
        }

        a {
            text-decoration: none;
            font-size: 16px;
            font-weight: bolder;
            color: #708e91;
        }

        p {
            margin: 10px;
        }
    </style>
    <title>history</title>
</head>

<body>
    <div class="title1">中洲历史及相关书籍</div>
    <a href="http://elcfin.gitee.io/webworkwork">
        <div class="text1">返回主页面</div>
    </a>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">中洲历史<br></span>
        </p>
    </div>
    <div class="text">
        <p><br></p>
        <p>
            《中洲世界的历史》（The History of Middle-earth），又名《中洲历史》，是在1983年至1996年出版的十二部书籍，
            搜集和分析所跟托尔金小说有关的资料，全书都是由托尔金的儿子克里斯托夫·托尔金所编辑。
            有些内容还包含了托尔金作品的一些早期版本，以及一些新的题材。《中洲世界的历史》一书的内容非常详细，
            从一小段文字可演出多个被重写的的段落，克里斯托夫·托尔金公开了父亲创作中洲大陆的历程。
            不过，仍然有大量未公开的文本收藏在博德利图书馆和马凯特大学的图书馆，有一些则被个人收蔵。
        </p>
        <p>
            《中洲世界的历史》的首五部记载了《精灵宝钻》的早期历史及相关的文献，第六至第九部讨论了《魔戒》，
            而第九部也记载了努曼诺尔的一些故事，第十、十一部讨论《精灵宝钻》的题材，
            包括贝尔兰编年史及阿门洲编年史。第十二部则讨论《魔戒》的附录及托尔金的一些后期著作。
        </p>
        <p><br></p>
    </div>
    <div class="text">
        <p><br></p>
        <p>
        <ol>
            <li>《失落的传说1》（1983年，The Book of Lost Tales 1）</li>
            <li>《失落的传说2》（1984年，The Book of Lost Tales 2）</li>
            <li>《贝尔兰的歌谣》（1985年，The Lays of Beleriand）</li>
            <li>《中洲的形成》（1986年，The Shaping of Middle-earth）</li>
            <li>《失落之路》（1987年，The Lost Road and Other Writings）</li>
            <li>《魔影归来》（1988年，The Return of the Shadow）</li>
            <li>《艾辛格的叛变》（1989年，The Treason of Isengard）</li>
            <li>《魔戒圣战》（1990年，The War of the Ring）</li>
            <li>《索隆的败亡》（1992年，Sauron Defeated）</li>
            <li>《魔苟斯之戒》（1993年，Morgoth's Ring）</li>
            <li>《宝石之战》（1994年，The War of the Jewels）</li>
            <li>《中洲世界的民族》（1996年，The Peoples of Middle-earth）</li>
        </ol>
        </p>
        <p><br></p>
    </div>
    <div class="text">
        <p>
            《中洲历史》的索引则在全书完成出版后的六年现世，《中洲历史：索引》（2002年）。
        </p>
    </div>
    <div class="text">
        <p>
            <span style="color: #192020;font-weight: bold;font-size:16px;">相关书籍<br></span>
        </p>
    </div>
    <div class="text">
        <p><br></p>
        <p>
            <span style="color: #192020;font-size:14px;">托尔金所著关于中洲世界的作品列表如下：<br></span>
        </p>
        <p>
        <ul>
            <li>The Hobbit 《哈比人历险记》（译林版作《霍比特人》）</li>
            <li>The Lord of the Rings (The Fellowship of the Ring ·The Two Towers ·The Return of
                the
                King)《魔戒》三部曲</li>
            <li>The Adventures of Tom Bombadil《汤姆邦巴迪尔历险记》（收录在译文出版社《罗佛兰登——托尔金奇幻小说集》之中）</li>
            <li>The Road Goes Ever On《前路无止境》（唱片，依据托尔金所作诗歌谱曲）</li>
            <li>The Silmarillion《精灵宝钻》</li>
            <li>Unfinished Tales《未完成的故事》</li>
            <li>The Letters of J. R. R. Tolkien《托尔金信件集》</li>
            <li>The History of Middle-earth (12 volumes) 《中洲历史》十二卷</li>
            <li>Bilbo's Last Song《比尔博最后的歌》</li>
            <li>The Children of Húrin《胡林的儿女》</li>
            <li>The History of The Hobbit《哈比人历史》</li>
        </ul>
        </p>
        <p><br></p>
    </div>
    <a href="http://elcfin.gitee.io/webworkwork">
        <div class="text1">Middle-Earth中土世界</div>
    </a>
    <div class="image1">
        <img src="../Image/map1.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map2.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map3.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map4.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map5.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map6.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map7.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map8.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map9.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map10.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map11.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map12.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map13.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map14.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map15.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map16.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map17.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map18.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map19.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map20.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map21.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map22.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map23.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map24.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map25.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map26.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map27.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map28.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map29.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map30.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map31.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map32.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map33.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map34.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map35.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map36.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map37.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map38.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map39.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map40.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map41.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map42.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map43.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map44.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map45.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map46.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map47.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map48.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map49.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map50.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map51.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map52.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map53.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map54.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map55.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map56.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map57.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map58.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map59.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map60.jpg" width="100%" alt="" />
    </div>
    <div class="image1">
        <img src="../Image/map61.jpg" width="100%" alt="" />
    </div>
    <div style="margin-left:25px;position: absolute;top:0px;right:0px;color:#708e91">
        <audio controls="controls">
            <source src="../Flash/Howard Shore - Concerning Hobbits.mp3" type="audio/mp3">
        </audio>
    </div>
    <a href="http://elcfin.gitee.io/webworkwork">
        <div class="text1">返回主页面</div>
    </a>
</body>

</html>